<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.min.js
    "></script>
    <script>
        /*
            axios -- 第三方库 -- 使用promise 封装了 xhr对象--Axios 是一个基于 promise 网络请求库

            https://www.axios-http.cn/ 文档
        */

        // 发起一个post请求--默认情况--请求提示json字符串
        let username = 'zhangsan' + parseInt(Math.random() * 100000)
        let password = '123456'
        let regAPI = 'http://jx.xuzhixiang.top/ap/api/reg.php'
        let loginAPI = 'http://jx.xuzhixiang.top/ap/api/login.php'

        // axios函数 调用以后 返回要给promise对象
        // promise 对象 能知道 aixos内部ajax请求的状态
        let p = axios({
            method: 'post',
            // method: 'patch',
            // method: 'put',
            url: regAPI,
            // 请求头
            headers: { 'content-type': 'application/x-www-form-urlencoded' },
            // headers: { 'content-type': 'application/json' },
            //    请求体
            data: {
                username: username,
                password
            }
        });
        p.then(res => {
            //*********res.data是 服务器返回的数据
            console.log(res.data);
        }).catch(err => {
            console.log('失败');
        })

        axios({
            method: 'get',
            url: regAPI,
            // headers: { 'content-type': 'application/x-www-form-urlencoded' },
            // headers: { 'content-type': 'application/json' },
            // 搜索参数
            params: {
                username: username,
                password
            }
        }).then(r => {
            console.log(r.data);
        })

        // axios({
        //     method: 'delete',
        //     url: regAPI,
        //     // headers: { 'content-type': 'application/x-www-form-urlencoded' },
        //     // headers: { 'content-type': 'application/json' },
        //     // 搜索参数
        //     params: {
        //         username: username,
        //         password
        //     }
        // }).then(r => {
        //     console.log(r.data);
        // })


        // axios.get(url,{params:{搜索参数}})
        // axios.delete(url)

        // axios.post(url,请求体)
        // axios.put(url,请求体)
        // axios.patch(url,请求体)


        // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;


        // let baseURL = 'http://jx.xuzhixiang.top'

        // //baseURL  基地址
        // axios.defaults.baseURL = baseURL;

        // let regAPI2 = '/ap/api/reg.php'
        // let loginAPI2 = '/ap/api/login.php'

        // // 设置了请求头
        // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
        // // 发起请求的时候如果没有 服务器的地址，自动加上 baseURL 基地址
        // axios.get(regAPI, { params: { username, password } }).then(r => {
        //     console.log(r.data);
        // })

        // axios.post(regAPI, { username, password }).then(r => {
        //     console.log(r.data);
        // })
    </script>

</body>

</html>